<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <label for="username">用户名</label><!-- for可以指向id的数据 需要手动在被指向的位置添加id属性 -->
        <input id="username" type="text" placeholder="用户名"> <!-- placeholder 提示的信息 -->
        <label for="password">密码</label> <!-- for可以指向id的数据 需要手动在被指向的位置添加id属性 -->
        <input id="password" type="password" placeholder="密码"> <!-- password 密码信息 会显示******* -->
        <label for="">员工</label>
        <input name="sex" type="radio"> <!-- radio单选框标签  -->
        <label for="">社会人士</label>
        <input name="sex" type="radio"> <!-- 多个选择标签可以添加name属性来绑定关系 这样只能选择一个 -->
        <select name="" id=""><!--选择标签 -->
            <option value="">学生登陆</option>
            <option value="">管理员登录</option>
        </select>
        <label for="">是否阅读协议</label>
        <input type="checkbox" ><!--checkbox 复选框 --> 
        <input type="checkbox" >
        <input type="submit" value="注册"> <!-- 提交按钮 可以添加value属性来更改显示内容 -->
        <input type="submit" value="登录">  <!-- submit按钮可以提交后台  -->
        <input type="button" value="找回密码">   <!-- button按钮默认不附带任何功能 需要自己设置  -->
    </form>
</body>
</html>
